Motion >> Repos - motion-next.git/blob

   1 <div
   2   id="openchannel-openchannelQueue"
   3   class="page-layout simple tabbed"
   4   layout="column"
   5 >
   6   <!-- HEADER -->
   7   <div class="header md-accent-bg" layout="row" layout-align="start center">
   8     <div class="white-fg" layout="row" layout-align="start center" flex>
   9       <md-button
  10         class="goto-openchannelQueues-button md-icon-button"
  11         aria-label="Go to openchannelQueues"
  12         ng-click="vm.gotoOpenchannelQueues()"
  13         translate
  14         translate-attr-aria-label="OPENCHANNEL.GO_TO_OPENCHANNELQUEUES"
  15       >
  16         <md-icon md-font-icon="icon-arrow-left"></md-icon>
  17       </md-button>
  18
  19       <div layout="row" layout-align="start center">
  20         <div class="openchannelQueue-image" hide-xs>
  21           <img ng-src="assets/images/business/openchannelQueues.jpg" />
  22         </div>
  23
  24         <div layout="column" layout-align="start start">
  25           <div class="h2">
  26             #{{vm.openchannelQueue.id}}
  27             <span ng-if="vm.openchannelQueue.name"
  28               >{{vm.openchannelQueue.name}}</span
  29             >
  30           </div>
  31           <div class="subtitle secondary-text">
  32             <span translate="OPENCHANNEL.CREATED_AT"></span>
  33             <span>{{vm.openchannelQueue.createdAt | date:'medium'}}</span>
  34           </div>
  35         </div>
  36       </div>
  37     </div>
  38
  39     <div ng-cloak>
  40       <md-button
  41         ng-click="vm.teamadddialog(vm.openchannelQueue, $event)"
  42         class="md-fab md-orange-500-bg md-icon-button"
  43         aria-label="teamadd"
  44       >
  45         <md-tooltip
  46           ><span translate="OPENCHANNEL.TEAMADD_OPENCHANNELQUEUE"></span
  47         ></md-tooltip>
  48         <md-icon md-font-icon="icon-account-multiple-plus"></md-icon>
  49       </md-button>
  50     </div>
  51
  52     <div ng-cloak>
  53       <md-button
  54         ng-click="vm.agentadddialog(vm.openchannelQueue, $event)"
  55         class="md-fab md-purple-500-bg md-icon-button"
  56         aria-label="agentadd"
  57       >
  58         <md-tooltip
  59           ><span translate="OPENCHANNEL.AGENTADD_OPENCHANNELQUEUE"></span
  60         ></md-tooltip>
  61         <md-icon md-font-icon="icon-account-plus"></md-icon>
  62       </md-button>
  63     </div>
  64     <div>
  65       <md-button
  66         type="submit"
  67         ng-click="vm.saveOpenchannelQueue()"
  68         ng-if="vm.crudPermissions.canEdit"
  69         class="send-button md-accent md-raised"
  70         ng-disabled="(generalForm.$invalid)"
  71         translate="OPENCHANNEL.SAVE"
  72         translate-attr-aria-label="OPENCHANNEL.SAVE"
  73       >
  74         SAVE
  75       </md-button>
  76     </div>
  77   </div>
  78   <!-- / HEADER -->
  79
  80   <!-- CONTENT -->
  81   <div class="content">
  82     <md-tabs
  83       md-selected="vm.selectedTab"
  84       md-stretch-tabs="always"
  85       flex
  86       layout-fill
  87       md-dynamic-height
  88     >
  89       <md-tab>
  90         <md-tab-label>
  91           <span translate="OPENCHANNEL.SETTINGS">SETTINGS</span>
  92         </md-tab-label>
  93         <md-tab-body>
  94           <div
  95             class="openchannelQueue-detail-form-container general md-background-bg md-whiteframe-1dp"
  96           >
  97             <div class="pb-16" layout="row" layout-align="start center">
  98               <div class="h2 secondary-text" translate="OPENCHANNEL.GENERAL">
  99                 GENERAL
 100               </div>
 101             </div>
 102             <form name="generalForm" novalidate>
 103               <md-input-container class="md-block">
 104                 <label translate="OPENCHANNEL.NAME">Name</label>
 105                 <input
 106                   type="text"
 107                   name="name"
 108                   ng-model="vm.openchannelQueue.name"
 109                   ng-pattern="/^[A-Za-z0-9\.\_]+$/i"
 110                   ng-required="true"
 111                   autofocus
 112                   disabled
 113                 />
 114
 115                 <div class="hint">
 116                   <span translate="OPENCHANNEL.HELP.NAME"></span>
 117                 </div>
 118                 <div
 119                   ng-messages="generalForm['name'].$error"
 120                   ng-show="generalForm['name'].$touched"
 121                   role="alert"
 122                 >
 123                   <div ng-message="required">
 124                     <span translate="OPENCHANNEL.ERRORS.NAME_REQUIRED"
 125                       >Name field is required</span
 126                     >
 127                   </div>
 128                   <div ng-message="pattern">
 129                     <span
 130                       translate="OPENCHANNEL.ERRORS.NAME_MUST_VALID_PATTERN"
 131                       translate-values="{ regex: '/^[A-Za-z0-9\.\_]+$/i' }"
 132                       >Name must be valid pattern
 133                     </span>
 134                   </div>
 135                 </div>
 136               </md-input-container>
 137               <md-input-container class="md-block">
 138                 <label translate="OPENCHANNEL.STRATEGY">Strategy</label>
 139                 <md-select
 140                   name="strategy"
 141                   ng-model="vm.openchannelQueue.strategy"
 142                   required
 143                   ng-disabled="!vm.crudPermissions.canEdit"
 144                 >
 145                   <md-option ng-value="'beepall'">Beepall</md-option>
 146                   <md-option ng-value="'rrmemory'">RR Memory</md-option>
 147                 </md-select>
 148                 <div
 149                   ng-messages="generalForm['strategy'].$error"
 150                   ng-show="generalForm['strategy'].$touched"
 151                   role="alert"
 152                 >
 153                   <div ng-message="required">
 154                     <span translate="OPENCHANNEL.ERRORS.STRATEGY_REQUIRED"
 155                       >Strategy field is required</span
 156                     >
 157                   </div>
 158                 </div>
 159               </md-input-container>
 160               <md-input-container class="md-block">
 161                 <label translate="OPENCHANNEL.AGENT_TIMEOUT"
 162                   >Agent_Timeout</label
 163                 >
 164                 <input
 165                   type="number"
 166                   name="timeout"
 167                   ng-model="vm.openchannelQueue.timeout"
 168                   min="1"
 169                   max="2147483"
 170                   ng-required="true"
 171                   ng-disabled="!vm.crudPermissions.canEdit"
 172                 />
 173
 174                 <div
 175                   ng-messages="generalForm['timeout'].$error"
 176                   ng-show="generalForm['timeout'].$touched"
 177                   role="alert"
 178                 >
 179                   <div ng-message="required">
 180                     <span translate="OPENCHANNEL.ERRORS.AGENT_TIMEOUT_REQUIRED"
 181                       >Agent_Timeout field is required</span
 182                     >
 183                   </div>
 184                   <div ng-message="min">
 185                     <span
 186                       translate="OPENCHANNEL.ERRORS.AGENT_TIMEOUT_MUST_BE_GREATER_THAN_OR_EQUAL_TO"
 187                       >Agent_Timeout must be a valid greater or equal than</span
 188                     >
 189                     <span>1</span>
 190                   </div>
 191                   <div ng-message="max">
 192                     <span
 193                       translate="OPENCHANNEL.ERRORS.AGENT_TIMEOUT_MUST_BE_LESS_THAN_OR_EQUAL_TO"
 194                       >Agent_Timeout must be a valid greater or equal than</span
 195                     >
 196                     <span>2147483</span>
 197                   </div>
 198                 </div>
 199               </md-input-container>
 200               <md-input-container class="md-block">
 201                 <label translate="OPENCHANNEL.DESCRIPTION">Description</label>
 202                 <input
 203                   type="text"
 204                   name="description"
 205                   ng-model="vm.openchannelQueue.description"
 206                   ng-disabled="!vm.crudPermissions.canEdit"
 207                 />
 208
 209                 <div
 210                   ng-messages="generalForm['description'].$error"
 211                   ng-show="generalForm['description'].$touched"
 212                   role="alert"
 213                 >
 214                   <div ng-message="required">
 215                     <span translate="OPENCHANNEL.ERRORS.DESCRIPTION_REQUIRED"
 216                       >Description field is required</span
 217                     >
 218                   </div>
 219                 </div>
 220               </md-input-container>
 221             </form>
 222           </div>
 223         </md-tab-body>
 224       </md-tab>
 225     </md-tabs>
 226   </div>
 227   <!-- / CONTENT -->
 228 </div>